在用户与浏览器进行某些交互时，需要改变网页上某些对象的样式，这可以通过改变网页上这些对象的属性来实现。Dreamweaver CS6中利用标签工具可以很方便地实现网页属性的更改。
(1)打开Dreamweaver CS6，选择“文件”│“新建”命令，在弹出的“新建文档”对话框中新建一个HTML网页。
(2)选择“文件”l“保存”命令，将文件保存在“E:leg14\”文件夹下，文件名为eg13.html。(3)选择“插入”Ⅰ“图像”命令，在网页中插入图像a1.gif，然后选择插入的图像，在图像的“属性”面板的“图像”文本框中输入图像的名称“myimg”。用同样的方法再次插入图像a1.gif，图像的名称设置为myimg1。
(4)选择“插入”│“表单”对象│“按钮”命令，在网页中插入一个按钮。选择这个按钮，在按钮的“属性”面板的“值”文本框中输入“更改高度”，在“动作”栏中选中“无”单选按钮。用同样的方法插入“更改宽度”按钮。
(5)在插入的两个按钮中，“更改高度”按钮用于更改图片的height属性，“更改宽度”按钮用于更改图片的 width 属性。设计视图中的图片和按钮如图14-33所示。
(6)单击“更改高度”按钮，选择“窗口”|“行为”命令，打开“行为”面板，在其中单击“添加行为”按钮土，添加一个行为，在弹出的菜单中选择“改变属性”选项，弹出“改变属性”对话框。
(7)如图14-34所示，在“元素类型”下拉列表框中选择IMG选项，表示要控制图片的属性;在“元素ID”下拉列表框中选择“图像‘myimg’”选项，表示要控制网页中的myimg图片;在“属性”栏中选中“输入”单选按钮，在其后面的文本框中输入“height”，表示要控制图片的高度;在“新的值”文本框中输入“200”，表示要把图片的高度更改为200。单击“确定”按钮，完成设置。
(8)用同样的方法，设置“更改宽度”按钮动作，然后选择“文件”l“保存”命令，保存网页。
(9)按F12键在浏览器中运行网页。在网页的初始状态中，两个图片是相同的。
(10)在网页中单击“更改高度”按钮，第一张图片的高度会发生改变。单击“更改宽度”按钮，图片中的宽度会发生改变。。
(11)在 Dreamweaver CS6 的代码区中查看网页的代码。在网页中，两个按钮调用了MM_changeProp(函数来更改网页对象的属性。网页的代码如下：
